<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/12/14
  Time: 21:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <!-- Basic -->
    <meta charset="UTF-8">
    <title>Edia - Category 3</title>
    <meta name="keywords" content="HTML5 News Magazine Template">
    <meta name="description" content="Edia - Ultimate News and Magazine Template">
    <!-- Mobile Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- import-style -->
    <link href="css/vendors.css" rel="stylesheet">
    <link href="css/atbs-style.css" rel="stylesheet">
    <link href="css/header.css" rel="stylesheet">
    <link href="css/footer.css" rel="stylesheet">
    <link href="css/heading-title.css" rel="stylesheet">
    <link href="css/typography.css" rel="stylesheet">
    <link href="css/atbs-featured-module-1.css" rel="stylesheet">
    <link href="css/atbs-featured-module-2.css" rel="stylesheet">
    <link href="css/atbs-featured-module-3.css" rel="stylesheet">
    <link href="css/atbs-featured-module-4.css" rel="stylesheet">
    <link href="css/atbs-posts-listing--grid-1-no-sidebar.css" rel="stylesheet">
    <link href="css/atbs-featured-module-5.css" rel="stylesheet">
    <link href="css/atbs-posts-listing--grid-1-has-sidebar.css" rel="stylesheet">
    <link href="css/atbs-posts-listing--grid-2-has-sidebar.css" rel="stylesheet">
    <link href="css/atbs-posts-listing--list-1-has-sidebar.css" rel="stylesheet">
    <link href="css/widget.css" rel="stylesheet">
    <link href="css/single-default.css" rel="stylesheet">
    <link href="css/single-1.css" rel="stylesheet">
    <link href="css/author.css" rel="stylesheet">
    <link href="css/font.css" rel="stylesheet">
    <link href="css/color.css" rel="stylesheet">
    <!-- Web Fonts  -->
    <link href="css/css2.css" rel="stylesheet">
    <link href="css/css21.css" rel="stylesheet">
    <style>.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style></head>
<body class="home home-1 has-block-heading-line" style="transform: none;">
<!-- .site-wrapper -->
<div class="site-wrapper" style="transform: none;">
    <!-- Site header -->
    <header class="site-header">
        <!-- Mobile header -->
        <div id="atbs-mobile-header" class="mobile-header visible-xs visible-sm">
            <div class="mobile-header__inner mobile-header__inner--flex">
                <div class="header-branding header-branding--mobile mobile-header__section text-left">
                    <div class="header-logo header-logo--mobile flexbox__item text-left">
                        <a href="${pageContext.request.contextPath}/toBlogSquare">
                            <script data-pagespeed-no-defer="">(function(){var g=this;function h(b,d){var a=b.split("."),c=g;a[0]in c||!c.execScript||c.execScript("var "+a[0]);for(var e;a.length&&(e=a.shift());)a.length||void 0===d?c[e]?c=c[e]:c=c[e]={}:c[e]=d};function l(b){var d=b.length;if(0<d){for(var a=Array(d),c=0;c<d;c++)a[c]=b[c];return a}return[]};function m(b){var d=window;if(d.addEventListener)d.addEventListener("load",b,!1);else if(d.attachEvent)d.attachEvent("onload",b);else{var a=d.onload;d.onload=function(){b.call(this);a&&a.call(this)}}};var n;function p(b,d,a,c,e){this.h=b;this.j=d;this.l=a;this.f=e;this.g={height:window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,width:window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth};this.i=c;this.b={};this.a=[];this.c={}}function q(b,d){var a,c,e=d.getAttribute("data-pagespeed-url-hash");if(a=e&&!(e in b.c))if(0>=d.offsetWidth&&0>=d.offsetHeight)a=!1;else{c=d.getBoundingClientRect();var f=document.body;a=c.top+("pageYOffset"in window?window.pageYOffset:(document.documentElement||f.parentNode||f).scrollTop);c=c.left+("pageXOffset"in window?window.pageXOffset:(document.documentElement||f.parentNode||f).scrollLeft);f=a.toString()+","+c;b.b.hasOwnProperty(f)?a=!1:(b.b[f]=!0,a=a<=b.g.height&&c<=b.g.width)}a&&(b.a.push(e),b.c[e]=!0)}p.prototype.checkImageForCriticality=function(b){b.getBoundingClientRect&&q(this,b)};h("pagespeed.CriticalImages.checkImageForCriticality",function(b){n.checkImageForCriticality(b)});h("pagespeed.CriticalImages.checkCriticalImages",function(){r(n)});function r(b){b.b={};for(var d=["IMG","INPUT"],a=[],c=0;c<d.length;++c)a=a.concat(l(document.getElementsByTagName(d[c])));if(0!=a.length&&a[0].getBoundingClientRect){for(c=0;d=a[c];++c)q(b,d);a="oh="+b.l;b.f&&(a+="&n="+b.f);if(d=0!=b.a.length)for(a+="&ci="+encodeURIComponent(b.a[0]),c=1;c<b.a.length;++c){var e=","+encodeURIComponent(b.a[c]);131072>=a.length+e.length&&(a+=e)}b.i&&(e="&rd="+encodeURIComponent(JSON.stringify(t())),131072>=a.length+e.length&&(a+=e),d=!0);u=a;if(d){c=b.h;b=b.j;var f;if(window.XMLHttpRequest)f=new XMLHttpRequest;else if(window.ActiveXObject)try{f=new ActiveXObject("Msxml2.XMLHTTP")}catch(k){try{f=new ActiveXObject("Microsoft.XMLHTTP")}catch(v){}}f&&(f.open("POST",c+(-1==c.indexOf("?")?"?":"&")+"url="+encodeURIComponent(b)),f.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),f.send(a))}}}function t(){var b={},d=document.getElementsByTagName("IMG");if(0==d.length)return{};var a=d[0];if(!("naturalWidth"in a&&"naturalHeight"in a))return{};for(var c=0;a=d[c];++c){var e=a.getAttribute("data-pagespeed-url-hash");e&&(!(e in b)&&0<a.width&&0<a.height&&0<a.naturalWidth&&0<a.naturalHeight||e in b&&a.width>=b[e].o&&a.height>=b[e].m)&&(b[e]={rw:a.width,rh:a.height,ow:a.naturalWidth,oh:a.naturalHeight})}return b}var u="";h("pagespeed.CriticalImages.getBeaconData",function(){return u});h("pagespeed.CriticalImages.Run",function(b,d,a,c,e,f){var k=new p(b,d,a,e,f);n=k;c&&m(function(){window.setTimeout(function(){r(k)},0)})});})();pagespeed.CriticalImages.Run('/ngx_pagespeed_beacon','http://bk-ninja.com/html_templates/edia/category-3.html','zJIdojO8HB',true,false,'7GlF4Bs0rns');</script><img src="img/logo.png" alt="标识" height="140" width="120">
                        </a>
                    </div>
                </div>
                <div class="mobile-header__section text-right">
                    <button type="submit" class="mobile-header-btn js-search-dropdown-toggle">
                        <i class="mdicon mdicon-search hidden-xs"></i>
                        <i class="mdicon mdicon-search visible-xs-inline-block"></i>
                    </button>
                    <a href="#atbs-offcanvas-primary" class="offcanvas-menu-toggle mobile-header-btn js-atbs-offcanvas-toggle">
                        <i class="mdicon mdicon-menu hidden-xs"></i>
                        <i class="mdicon mdicon-menu visible-xs-inline-block"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- Mobile header -->
        <!-- Navigation bar -->
        <nav class="navigation-bar hidden-xs hidden-sm js-sticky-header-holder">
            <div class="navigation-bar__inner flexbox-wrap flexbox-center-y">
                <div class="navigation-bar__section">
                    <div class="header-logo">
                        <a href="${pageContext.request.contextPath}/toBlogSquare">
                            <img src="img/logo.png" alt="标识" height="140" width="120">
                        </a>
                    </div>
                </div>
                <div class="navigation-bar__section navigation-menu-section js-priority-nav text-right">
                    <ul id="menu-main-menu" class="navigation navigation--main navigation--inline">
                        <li class="menu-item-cat-1">
                            <a href="${pageContext.request.contextPath}/toUserPersonalPage">主页</a>
                        </li>
                        <li class="menu-item-cat-2">
                            <a href="${pageContext.request.contextPath}/toBlogSquare">广场</a>
                        </li>
                        <li class="menu-item-cat-3">
                            <a href="${pageContext.request.contextPath}/toUserFavorite">收藏</a>
                        </li>
                        <li class="menu-item-cat-4">
                            <a href="${pageContext.request.contextPath}/toSubscription">订阅</a>
                        </li>
                    </ul>
                </div>
                <div class="navigation-bar__section">
                    <button type="submit" class="navigation-bar-btn js-search-dropdown-toggle nav-btn-square "><i class="mdicon mdicon-search"></i></button>
                    <a href="${pageContext.request.contextPath}/logout"><button type="submit" class="navigation-bar-btn js-search-dropdown-toggle nav-btn-square "><img src="img/logout.png" width="60" height="70"/> </button></a>

                </div>
            </div>
            <!-- .navigation-bar__inner -->

            <div id="header-search-dropdown" class="header-search-dropdown ajax-search is-in-navbar js-ajax-search">
                <div class="container container--narrow">
                    <form class="search-form search-form--horizontal" action="${pageContext.request.contextPath}/toUserSearchResult">
                        <div class="search-form__input-wrap">
                            <input type="text" name="key" class="search-form__input" placeholder="Search">
                        </div>
                        <div class="search-form__submit-wrap">
                            <button type="submit" class="search-form__submit btn btn-primary">Search</button>
                        </div>
                    </form>
                </div>
            </div>


            <!-- .header-search-dropdown -->
        </nav>
        <!-- Navigation-bar -->
    </header>
    <!-- Site header -->

    <div class="site-content" style="transform: none;">
        <!-- module-5 -->
        <div class="atbs-block atbs-block--fullwidth atbs-featured-module-5 background-dots">
            <div class="container">
                <div class="block-heading block-heading_style-1 block-heading--center">
                    <h4 class="block-heading__title">
                        热门博主
                    </h4>
                </div>
            </div>
            <div class="atbs-block__inner">
                <div class="section-main flex-box">
                    <div class="post-main">
                        <article class="post post--horizontal post--horizontal-reverse post--horizontal-middle post--horizontal-text-margin">
                            <div class="post__thumb object-fit">
                                <a><img src="picture/x41.jpg.pagespeed.ic.WW3c_Q4beC.jpg" alt="File not found" data-pagespeed-url-hash="694914574" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"></a>
                            </div>
                            <div class="post__text inverse-text">
                                <a href="category-1.html" class="post__cat post__cat--bg">最火博文</a>
                                <h3 class="post__title f-46 f-w-700 m-t-15 m-b-25">
                                    <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${hotUserArticle.id}">${hotUserArticle.title}</a>
                                </h3>
                                <div class="post__meta">
                                    <div class="post-author post-author_style-7">
                                        <a class="post-author__avatar" href="${pageContext.request.contextPath}/toOthersPersonalPage?certainUserId=${hotUserArticle.blogId}" title="Posts by Connor Randall" rel="author">
                                            <img alt="Connor Randall" src="${hotUserArticle.user.profilePhoto}" data-pagespeed-url-hash="2874414956" onload="pagespeed.CriticalImages.checkImageForCriticality(this);">
                                        </a>
                                        <div class="post-author__text">
                                            <div class="author_name--wrap">
                                                <span>by</span>
                                                <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="${pageContext.request.contextPath}/toOthersPersonalPage?certainUserId=${hotUserArticle.blogId}"> ${hotUserArticle.user.username}</a>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">${hotUserArticle.publishTime}</time>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </div>
                    <div class="post-sub">
                        <article class="post post--vertical post--vertical-cat-outside">
                            <div class="post__thumb object-fit">
                                <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${hotUserArticle.id}">
                                    <img src="${hotUserArticle.img}" alt="file not found" data-pagespeed-url-hash="619698561" onload="pagespeed.CriticalImages.checkImageForCriticality(this);">
                                </a>
                                <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${hotUserArticle.id}" class="post__cat post__cat--bg post__cat-outside">${hotUserArticle.likes}LIKES!</a>
                            </div>
                            <div class="post__text inverse-text">
                                <h3 class="post__title f-28 f-w-700 m-t-10">
                                    <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${hotUserArticle.id}">
                                        ${hotUserArticle.title}
                                    </a>
                                </h3>
                                <div class="post__meta flex-box time-style-1">
                                    <div class="post-author post-author_style-6">
                                        <div class="post-author__text">
                                            <div class="author_name--wrap">
                                                <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${hotUserArticle.id}">${hotUserArticle.inShort}</a>
                                            </div>
                                        </div>
                                    </div>
                                    <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">${hotUserArticle.publishTime}</time>
                                </div>
                            </div>
                        </article>
                    </div>
                </div>
                <div class="section-sub layout-container--right">
                    <div class="section-sub__inner">
                        <div class="owl-carousel atbs-carousel js-atbs-carousel-auto-width dots-circle dots-vertical nav-vertical nav-circle nav-white owl-loaded owl-drag" data-carousel-loop="true" data-carousel-margin="0">



                            <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-6600px, 0px, 0px); transition: all 0.8s ease 0s; width: 13800px;"><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x9.jpg.pagespeed.ic.EwLXpSDm5g.jpg" alt="File not found" data-pagespeed-url-hash="127864054" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">111111111111111111111111111111111 </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x10.jpg.pagespeed.ic._BdIoVUkBq.jpg" alt="File not found" data-pagespeed-url-hash="626062692" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway1 </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x35.jpg.pagespeed.ic.71cBuK6YDS.jpg" alt="File not found" data-pagespeed-url-hash="1948130271" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x9.jpg.pagespeed.ic.EwLXpSDm5g.jpg" alt="File not found" data-pagespeed-url-hash="127864054" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x10.jpg.pagespeed.ic._BdIoVUkBq.jpg" alt="File not found" data-pagespeed-url-hash="626062692" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x35.jpg.pagespeed.ic.71cBuK6YDS.jpg" alt="File not found" data-pagespeed-url-hash="1948130271" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x9.jpg.pagespeed.ic.EwLXpSDm5g.jpg" alt="File not found" data-pagespeed-url-hash="127864054" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x10.jpg.pagespeed.ic._BdIoVUkBq.jpg" alt="File not found" data-pagespeed-url-hash="626062692" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x35.jpg.pagespeed.ic.71cBuK6YDS.jpg" alt="File not found" data-pagespeed-url-hash="1948130271" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x9.jpg.pagespeed.ic.EwLXpSDm5g.jpg" alt="File not found" data-pagespeed-url-hash="127864054" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x10.jpg.pagespeed.ic._BdIoVUkBq.jpg" alt="File not found" data-pagespeed-url-hash="626062692" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item active" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x35.jpg.pagespeed.ic.71cBuK6YDS.jpg" alt="File not found" data-pagespeed-url-hash="1948130271" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item active" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x9.jpg.pagespeed.ic.EwLXpSDm5g.jpg" alt="File not found" data-pagespeed-url-hash="127864054" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned active" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x10.jpg.pagespeed.ic._BdIoVUkBq.jpg" alt="File not found" data-pagespeed-url-hash="626062692" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x35.jpg.pagespeed.ic.71cBuK6YDS.jpg" alt="File not found" data-pagespeed-url-hash="1948130271" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x9.jpg.pagespeed.ic.EwLXpSDm5g.jpg" alt="File not found" data-pagespeed-url-hash="127864054" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x10.jpg.pagespeed.ic._BdIoVUkBq.jpg" alt="File not found" data-pagespeed-url-hash="626062692" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x35.jpg.pagespeed.ic.71cBuK6YDS.jpg" alt="File not found" data-pagespeed-url-hash="1948130271" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x9.jpg.pagespeed.ic.EwLXpSDm5g.jpg" alt="File not found" data-pagespeed-url-hash="127864054" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x10.jpg.pagespeed.ic._BdIoVUkBq.jpg" alt="File not found" data-pagespeed-url-hash="626062692" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x35.jpg.pagespeed.ic.71cBuK6YDS.jpg" alt="File not found" data-pagespeed-url-hash="1948130271" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x9.jpg.pagespeed.ic.EwLXpSDm5g.jpg" alt="File not found" data-pagespeed-url-hash="127864054" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div><div class="owl-item cloned" style="width: auto;"><div class="slide-content">
                                <article class="post post--horizontal post--horizontal-middle post--horizontal-card-space flex-box">
                                    <div class="post__thumb object-fit">
                                        <a href="#"><img src="file:///D:/Documents/Tencent%20Files/1106144484/FileRecv/moban5871/moban5871/picture/x10.jpg.pagespeed.ic._BdIoVUkBq.jpg" alt="File not found" data-pagespeed-url-hash="626062692" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" style="opacity: 1;"></a>
                                    </div>
                                    <div class="post__text">
                                        <a href="category-1.html" class="post__cat">GADGETS</a>
                                        <h3 class="post__title f-22 f-w-700 m-t-15 atbs-line-limit atbs-line-limit-2"><a href="#">Believe you can and you’re halfway </a></h3>
                                        <div class="post__meta flex-box time-style-1">
                                            <div class="post-author post-author_style-6">
                                                <div class="post-author__text">
                                                    <div class="author_name--wrap">
                                                        <span>by</span>
                                                        <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="author.html"> Connor Randall</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <time class="time published" datetime="2019-03-06T08:45:23+00:00" title="March 6, 2019 at 8:45 am">March 6, 2019</time>
                                        </div>
                                    </div>
                                </article>
                            </div></div></div></div><div class="owl-nav disabled"><div class="owl-prev"><i class="mdicon mdicon-navigate_before"></i></div><div class="owl-next"><i class="mdicon mdicon-navigate_next"></i></div></div><div class="owl-dots disabled"><div class="owl-dot"><span></span></div><div class="owl-dot active"><span></span></div><div class="owl-dot"><span></span></div></div></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- module-5 -->
        <div class="atbs-block atbs-block--fullwidth" style="transform: none;">
            <div class="container" style="transform: none;">
                <div class="row" style="transform: none;">
                    <div class="atbs-main-col">
                        <!-- posts-listing-list-3 -->
                        <div class="atbs-block atbs-block--fullwidth atbs-posts-listing--list-1-has-sidebar">
                            <div class="block-heading block-heading_style-1 block-heading_style-1-small">
                                <h4 class="block-heading__title">
                                    最新更新
                                </h4>
                            </div>
                            <div class="atbs-block__inner">
                                <div class="posts-list flex-box flex-box-1i flex-space-40">
                                    <c:forEach items="${allArticles}" var="oneOfAllArticles">

                                        <div class="list-item">
                                            <article class="post post--horizontal post--horizontal-middle post--horizontal-thumb-square-outside">
                                                <div class="post__thumb object-fit">
                                                    <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${oneOfAllArticles.id}"><img src="${oneOfAllArticles.img}" alt="File not found" data-pagespeed-url-hash="845346600" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"></a>
                                                    <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${oneOfAllArticles.id}" class="post__cat post__cat--bg post__cat-outside">${oneOfAllArticles.likes}LIKES</a>
                                                </div>
                                                <div class="post__text">
                                                    <h3 class="post__title f-30 f-w-700 atbs-line-limit atbs-line-limit-2 m-b-15"><a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${oneOfAllArticles.id}">${oneOfAllArticles.title}</a></h3>
                                                    <div class="post__excerpt f-16 f-w-400 m-b-30">
                                                            ${oneOfAllArticles.inShort}
                                                    </div>
                                                    <div class="post__meta">
                                                        <div class="post-author post-author_style-7">
                                                            <a class="post-author__avatar" href="${pageContext.request.contextPath}/toOthersPersonalPage?certainUserId=${oneOfAllArticles.blogId}" title="Posts by Connor Randall" rel="author">
                                                                <img alt="Connor Randall" src="${oneOfAllArticles.user.profilePhoto}" data-pagespeed-url-hash="2874414956" onload="pagespeed.CriticalImages.checkImageForCriticality(this);">
                                                            </a>
                                                            <div class="post-author__text">
                                                                <div class="author_name--wrap">
                                                                    <span>by</span>
                                                                    <a class="post-author__name" title="Posts by Connor Randall" rel="author" href="${pageContext.request.contextPath}/toOthersPersonalPage?certainUserId=${oneOfAllArticles.blogId}">${oneOfAllArticles.user.username}</a>
                                                                </div>
                                                                <time class="time published" >${oneOfAllArticles.publishTime}</time>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </article>
                                        </div>

                                    </c:forEach>
                                </div>
                            </div>
                        </div>
                        <!-- posts-listing-list-3 -->
                    </div>
                    <div class="atbs-sub-col js-sticky-sidebar" style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">
                        <!-- widget-1 -->

                        <!-- widget-1 -->
                        <!-- widget-2 -->

                        <!-- widget-2 -->
                        <div class="theiaStickySidebar" style="padding-top: 0px; padding-bottom: 1px; position: static; top: 80px; left: 1074.6px;"><div class="atbs-widget widget widget-posts-list-nothumbnail">
                            <div class="widget__inner widget-posts-list-nothumbnail__inner  ">
                                <div class="widget__title">
                                    <h4 class="widget__title-text">
                                        热点博文
                                    </h4>
                                </div>
                                <div class="widget__wrap widget-posts-list-nothumbnail__wrap ">
                                    <ul class="posts-list list-space-md list-seperated list-unstyled clearfix">
                                        <c:forEach items="${articles}" var="article">
                                            <li class="list-item ">
                                                <article class="post post--horizontal post--horizontal-xxs">
                                                    <div class="post__thumb object-fit">
                                                        <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${article.id}">
                                                            <img src="${article.img}" alt="images" data-pagespeed-url-hash="1948130271" onload="pagespeed.CriticalImages.checkImageForCriticality(this);">
                                                        </a>
                                                    </div>
                                                    <div class="post__text">
                                                        <h3 class="post__title f-16 f-w-600 atbs-line-limit atbs-line-limit-2"><a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${article.id}">${article.title}</a></h3>
                                                        <div class="post-date">
                                                            <time class="time published" > ${article.publishTime}</time>
                                                        </div>
                                                        <div class="post-date">
                                                            <time class="time published" >${article.likes}人点赞</time>
                                                        </div>
                                                    </div>
                                                </article>
                                            </li>
                                        </c:forEach>
                                    </ul>
                                </div>
                            </div>
                        </div><div class="atbs-widget widget widget-posts-list-2">
                            <div class="widget__inner widget-posts-list-nothumbnail__inner  ">
                                <div class="widget__title">
                                    <h4 class="widget__title-text">
                                        我的收藏
                                    </h4>
                                </div>
                                <div class="posts-list flex-box flex-box-1i flex-space-30">

                                    <c:forEach items="${userFavoriteArticles}" var="userFavoriteArticle">
                                        <div class="list-item">
                                            <article class="post post--overlay post--overlay-bottom post--overlay-small">
                                                <div class="post__thumb post__thumb--overlay atbs-thumb-object-fit">
                                                    <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${userFavoriteArticle.id}">
                                                        <img src="${userFavoriteArticle.img}" alt="file not found" data-pagespeed-url-hash="3244831666" onload="pagespeed.CriticalImages.checkImageForCriticality(this);">
                                                    </a>
                                                </div>
                                                <div class="post__text inverse-text">
                                                    <div class="post__text-wrap">
                                                        <div class="post__text-inner">
                                                            <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${userFavoriteArticle.id}" class="post__cat post__cat--bg">${userFavoriteArticle.title}</a>
                                                            <h3 class="post__title f-18 f-w-600 m-t-10">
                                                                <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${userFavoriteArticle.id}">${userFavoriteArticle.inShort}</a>
                                                            </h3>
                                                        </div>
                                                    </div>
                                                </div>
                                                <a href="${pageContext.request.contextPath}/toArticlePage?certainArticleId=${userFavoriteArticle.id}" class="link-overlay"></a>
                                            </article>
                                        </div>

                                    </c:forEach>

                                </div>
                            </div>
                        </div></div></div>
                </div>
            </div>
        </div>
    </div>
    <!-- .site-content -->


    <!-- Sticky header -->
    <div id="atbs-sticky-header" class="sticky-header js-sticky-header is-fixed">
        <!-- Navigation bar -->
        <nav class="navigation-bar navigation-bar--fullwidth hidden-xs hidden-sm">
            <div class="navigation-bar__inner">
                <div class="navigation-bar__section">
                    <a href="#atbs-offcanvas-primary" class="offcanvas-menu-toggle navigation-bar-btn js-atbs-offcanvas-toggle">
                        <i class="mdicon mdicon-menu icon--2x"></i>
                    </a>
                    <div class="site-logo header-logo">
                        <a href="${pageContext.request.contextPath}/toBlogSquare">
                            <img src="img/logo.png" alt="标识" height="140" width="120">
                        </a>
                    </div>
                </div>
                <div class="navigation-wrapper navigation-bar__section js-priority-nav">
                    <ul id="menu-main-menu-1" class="navigation navigation--main navigation--inline">
                        <li class="menu-item-cat-1">
                            <a href="${pageContext.request.contextPath}/toUserPersonalPage">主页</a>
                        </li>
                        <li class="menu-item-cat-2">
                            <a href="${pageContext.request.contextPath}/toBlogSquare">广场</a>
                        </li>
                        <li class="menu-item-cat-3">
                            <a href="${pageContext.request.contextPath}/toUserFavorite">收藏</a>
                        </li>
                        <li class="menu-item-cat-4">
                            <a href="${pageContext.request.contextPath}/toSubscription">订阅</a>
                        </li>
                    </ul>
                </div>
                <div class="navigation-bar__section">
                    <a href="${pageContext.request.contextPath}/logout"><button type="submit" class="navigation-bar-btn js-search-dropdown-toggle nav-btn-square "><img src="img/logout.png" width="30" height="35"/> </button></a>

                    <button type="submit" class="navigation-bar-btn js-search-dropdown-toggle"><i class="mdicon mdicon-search"></i></button>
                </div>
            </div>
            <!-- .navigation-bar__inner -->
        </nav>
        <!-- Navigation-bar -->
    </div>
    <!-- Sticky header -->


    <!-- Off-canvas menu -->
    <div id="atbs-offcanvas-primary" class="atbs-offcanvas js-atbs-offcanvas js-perfect-scrollbar scrollbar-overflowing">
        <div class="atbs-offcanvas__title">
            <h2 class="site-logo"><a href="#"><img src="img/logo.png" alt="标识" height="140" width="120"></a></h2>
            <a href="#atbs-offcanvas-primary" class="atbs-offcanvas-close js-atbs-offcanvas-close" aria-label="Close"><span aria-hidden="true">✕</span></a>
        </div>
        <div class="atbs-offcanvas__section atbs-offcanvas__section-navigation">
            <ul id="menu-offcanvas-menu" class="navigation navigation--offcanvas">
                <li class="menu-item-cat-1">
                    <a href="${pageContext.request.contextPath}/toUserPersonalPage">主页</a>
                </li>
                <li class="menu-item-cat-2">
                    <a href="${pageContext.request.contextPath}/toBlogSquare">广场</a>
                </li>
                <li class="menu-item-cat-3">
                    <a href="${pageContext.request.contextPath}/toUserFavorite">收藏</a>
                </li>
                <li class="menu-item-cat-4">
                    <a href="${pageContext.request.contextPath}/toSubscription">订阅</a>
                </li>
            </ul>
        </div>
        <div class="atbs-offcanvas__section visible-xs visible-sm">
            <div class="text-center">
                <a href="#login-modal" class="btn btn-default btn-form-author" data-toggle="modal" data-target="#login-modal"><i class="mdicon mdicon-person mdicon--first"></i><span>Login / Sign up</span></a>
            </div>
        </div>
    </div>



    <!-- Off-canvas menu -->
    <a href="#" class="atbs-go-top btn btn-default hidden-xs js-go-top-el is-active"><i class="mdicon mdicon-arrow_upward"></i></a>
</div>



<!-- .site-wrapper -->
<script src="js/jquery.js.pagespeed.jm.vSq_cOaZon.js"></script>
<script src="js/sidebar.js.pagespeed.jm.9GUzEJsw5p.js"></script>
<script src="js/owl-carousel.min.js.pagespeed.jm.CUaR_y7pym.js"></script>
<script src="js/scripts.js.pagespeed.jm.IoKpL9rEJo.js"></script>


</body>
</html>